* {
    margin: 0;
    padding: 0;
    font-family: "Plus Jakarta Sans", sans-serif;
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
}

#loader-wrapper {
    transition: opacity 0.3s ease-out;
}

nav {
    backdrop-filter: blur(10px);
}

#back-to-top {
    z-index: 8888;
}

.searchFilterCard {
    display: none !important;
}

/** Heart Float Animation */
@keyframes heartFloat {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -100px);
    }
}

.heart-particle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    animation: heartPop 0.6s ease-out forwards;
    pointer-events: none;
    width: 24px;
    height: 24px;
    z-index: 50;
    opacity: 0;
}

@keyframes heartPop {
    0% {
        transform: translate(-50%, -50%) scale(0);
        opacity: 0;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.4);
        opacity: 1;
    }

    100% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0;
    }
}

#headerFavCount {
    display: none;
}
/** Blink animation */
@keyframes blink {
    0%, 90% {
        d: path( "M10.0004 3.33325C13.5754 3.33325 16.5529 5.35742 18.8879 9.29492L19.0712 9.61075L19.1087 9.69409L19.1337 9.76325L19.1454 9.80909L19.157 9.87742L19.1662 9.96075V10.0524L19.1545 10.1449C19.1491 10.1759 19.1418 10.2065 19.1329 10.2366L19.1004 10.3266L19.0704 10.3891L19.057 10.4141C16.7537 14.4441 13.807 16.5641 10.2612 16.6633L10.0004 16.6666C6.33705 16.6666 3.30288 14.5424 0.943716 10.4133C0.871807 10.2874 0.833984 10.1449 0.833984 9.99992C0.833984 9.85494 0.871807 9.71247 0.943716 9.58659C3.30288 5.45742 6.33705 3.33325 10.0004 3.33325ZM10.0004 7.49992C9.33734 7.49992 8.70146 7.76331 8.23261 8.23215C7.76377 8.70099 7.50038 9.33688 7.50038 9.99992C7.50038 10.663 7.76377 11.2988 8.23261 11.7677C8.70146 12.2365 9.33734 12.4999 10.0004 12.4999C10.6634 12.4999 11.2993 12.2365 11.7681 11.7677C12.237 11.2988 12.5004 10.663 12.5004 9.99992C12.5004 9.33688 12.237 8.70099 11.7681 8.23215C11.2993 7.76331 10.6634 7.49992 10.0004 7.49992Z" );
    }

    91%, 100% {
        d: path("M2 10C5 7 15 7 18 10C15 13 5 13 2 10Z");
    }
}

.eye {
    animation: blink 2s infinite;
}

.icon-eye .eye {
    animation: blink 0.8s infinite;
}

[x-cloak] {
    display: none !important;
}
/** Heart Float Animation */


.SMN_effect-46 a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    position: relative;
    font-weight: 500;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

.SMN_effect-46 a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    height: 2px;
    bottom: -3px;
    background: #ffffff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.SMN_effect-46 a:hover:before,
.SMN_effect-46 a:focus:before,
.SMN_effect-46 a:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

.SMN_effect-46 a:hover {
    color: #fff;
}

a.dd-ctm {
    display: flex !important;
    flex-direction: row !important;
}

div.all-dd-links {
    display: flex;
    flex-direction: column;
}

div.all-dd-links a {
    color: #15803d;
}

div.all-dd-links a:hover {
    color: black;
}

/* Hero Swiper */
swiper-container {
    width: 100%;
    height: 100%;
}

swiper-slide {
    background-position: center;
    background-size: cover;
}

    swiper-slide img {
        display: block;
        width: 100%;
    }

/* Featured Cars Swiper Styles */
.featured-cars-swiper {
    padding: 20px 5px !important;
}

    .featured-cars-swiper swiper-slide {
        height: auto !important;
    }

/* Custom Swiper Navigation Buttons */
.swiper-button-next,
.swiper-button-prev {
    color: #15803D !important;
    background: white;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 18px !important;
    }

/* Swiper Pagination */
.swiper-pagination-bullet-active {
    background: #15803D !important;
}

/* Card Swiper */
.testimonials-section swiper-container {
    width: 570px;
    height: 316px;
    border-radius: 32px;
}

.testimonials-section swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
}

.testimonials-section swiper-slide {
    box-shadow: none !important;
}

.testimonials-section .swiper-slide {
    box-shadow: none !important;
}

.testimonials-section .swiper {
    box-shadow: none !important;
}

.testimonials-section .swiper-slide-shadow {
    display: none !important;
}

/* Custom Scrollbar Styles */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 10px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #15803D;
    border-radius: 10px;
}

    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
        background: #ea580c;
    }

/* For Firefox */
.custom-scrollbar {
    scrollbar-width: thin;
    scrollbar-color: #15803D #f1f1f1;
}

/* NoUiSlider Custom Styles */
.noUi-connect {
    background: #15803D !important;
}

.noUi-handle {
    background: #15803D !important;
    border: none;
    box-shadow: none;
    border-radius: 50%;
    cursor: pointer;
    width: 18px !important;
    height: 18px !important;
    right: -9px !important;
    border: 3px solid whitesmoke !important;
    border-radius: 100% !important;
    cursor: default !important;
}

.noUi-horizontal {
    height: 8px !important;
}

    .noUi-horizontal .noUi-handle {
        top: -6px !important;
    }

.noUi-handle:before,
.noUi-handle:after {
    display: none !important;
}

.noUi-target {
    background: #e5e7eb !important;
    border: none;
    box-shadow: none;
    height: 2px;
}

.noUi-touch-area {
    background: #15803D;
    border-radius: 100%;
    cursor: ew-resize;
}

/* Search Field Styling */
.SearchField {
    background-color: white;
    border: 1px solid transparent;
    padding: 10px 20px;
    font-size: 14px;
    width: 300px;
    max-width: 100%;
    transition: 0.2s ease-in-out;
}

    .SearchField::placeholder {
        transition: 0.2s ease-in-out;
        color: black;
    }

    .SearchField:focus::placeholder {
        transform: translateX(3px);
    }

    .SearchField:focus-visible,
    .SearchField:focus {
        outline: none;
    }

/* Car Detail Slider */
.slider-for {
    margin-bottom: 20px;
}

    .slider-for img {
        width: 100%;
        height: auto;
    }

.slider-nav img {
    padding: 5px;
    cursor: pointer;
}

.slick-slide {
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

.slick-current {
    opacity: 1;
}

/*TEST*/
.tab-button {
    flex: 1;
    padding: 10px;
    background-color: #f0f0f0;
    border: none;
    cursor: pointer;
}

    .tab-button.active {
        background-color: #15803D;
        color: white;
    }

.tabpanel {
    display: none;
}

    .tabpanel.active {
        display: block;
    }

.faq-button {
    width: 100%;
    padding: 10px;
    background-color: #ff5722;
    color: white;
    border: none;
    cursor: pointer;
    text-align: left;
}

.faq-content {
    padding: 10px;
    border: 1px solid #ff5722;
    border-top: none;
}
/*TEST*/

/* Media Queries */

@media (max-width: 768px) {
    .testimonials-section swiper-container {
        width: 100%;
        height: 316px;
        border-radius: 32px;
    }
}

/* Mobile Filter Accordion Styles */
@media (max-width: 1024px) {
    .active {
        background-color: #f3f4f6;
    }

    button svg {
        transition: transform 0.2s ease-in-out;
    }

    .filter-section {
        transition: max-height 0.3s ease-out;
    }
}


.car-gallery {
    position: relative;
}

.slider-for {
    margin-bottom: 10px;
}

    .slider-for .slick-slide {
        position: relative;
    }

/* Navigation Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    padding: 0;
}

    .slick-prev:before,
    .slick-next:before {
        display: none;
    }

    .slick-prev:hover,
    .slick-next:hover {
        background: rgba(255, 255, 255, 1);
    }

.slick-prev {
    left: 20px;
}

.slick-next {
    right: 20px;
}

    /* SVG styling */
    .slick-prev svg,
    .slick-next svg {
        width: 20px;
        height: 20px;
        color: #000;
    }

    .slick-prev:hover svg,
    .slick-next:hover svg {
        color: #15803D; /* Orange color on hover */
    }

/* Thumbnails */
.slider-nav .slick-slide {
    opacity: 0.5;
    transition: all 0.3s ease;
}

.slider-nav .slick-current {
    opacity: 1;
}

.slider-nav img {
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.slider-nav .slick-current img {
    border-color: #15803D; /* Orange border for active thumbnail */
}

/*Car Detail Modals*/

#modalEl,
#modalTestDrive,
#modalReserve, .modal-reserve-overlay {
    /*display: none;*/
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

    #modalEl.show,
    #modalTestDrive.show,
    #modalReserve.show {
        display: flex;
        z-index: 9999;
    }

.disabled-btn {
    pointer-events: none; /* Prevent clicking */
    opacity: 0.5; /* Dimmed appearance */
    cursor: not-allowed; /* Show a "not allowed" cursor */
}


/* Stock Photos */

@media (max-width: 768px) {
    #mobileFooter {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #15803D
        box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.2);
    }
}
/*.slider-for {
    margin-bottom: 60px;*/ /* Adjust based on footer height */
/*}*/

#mobileFooter {
    z-index: 1000; /* Ensure it's above everything */
}

.slick-slider {
    overflow: hidden;
}

.slick-track {
    display: flex !important;
}

.slick-slide {
    flex-shrink: 0;
}
/* Stock Photos */
/*
.transition {
    transition: all 0.3s ease-in-out;
}

.hover\:bg-gray-200:hover {
    background-color: #f7fafc;
}

.hover\:text-orange-600:hover {
    color: #e67e22;
}*/

/* Review Page */
@keyframes scroll {
    0% {
        transform: translateX(0%);
    }

    95% {
        transform: translateX(-95%);
    }
}

@keyframes scrollReverse {
    0% {
        transform: translateX(-55%);
    }

    95% {
        transform: translateX(55%);
    }
}

.scroll-animation {
    animation: scroll 100s linear infinite;
}

.scroll-reverse-animation {
    animation: scrollReverse 100s linear infinite;
}


.custom-line-height {
    line-height: 12px !important;
}

/* Review Page */

/* Card AutoTrader (Good Price) */
.at_logo-img {
    max-height: 10px;
    width: auto;
}

.at_parent {
    width: 100%;
    margin: auto;
    padding: 8px 33px;
    border-color: #1fab00;
    color: #1fab00;
    border-width: 1px;
    border-style: solid;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    text-transform: capitalize;
}
/* Card AutoTrader (Good Price) */

/* Search Type */
a.mostPopularTab__itemImage {
    width: 100%;
    max-width: 130px;
    aspect-ratio: 1.52941176;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 10px;
}


.bodyTypeTab__itemImage {
    margin: 0px 0px 13px;
    max-width: 147px;
    height: auto;
}

.mostPopularTab__itemImage img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    object-fit: contain;
}

.searchTabs__itemLink {
    border: 2px solid #15803D;
    padding: 3px 4px;
    font-size: .8125rem;
    font-weight: 500;
    line-height: 21px;
    color: #31343b;
    border-radius: 5px;
    text-align: center;
}

/* Type of Seach Custom */
.searchtype-border {
    border: 2px solid #15803D;
}

.radio-peer {
    display: none;
}

.radio-content {
    border: 1px solid #d1d5db;
    padding: 0.5rem 1rem;
    text-align: center;
    font-weight: 500;
    border-radius: 0.25rem;
    transition: all 0.3s ease;
}

.radio-peer:checked + .radio-content {
    border-color: #15803D;
    color: #15803D;
}

.typesearch-color {
    background-color: #15803D;
}

    .typesearch-color:hover {
        background-color: #16A34A;
    }

.typesearch-text {
    color: #15803D;
}
/* Type of Seach Custom */

.hero-image-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-image: url("../assets/images/hero-bg-main.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient( 90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.6) 50%, rgba(0, 0, 0, 0.4) 100% );
}

.typesearch-icon {
    color: #15803d !important;
}


/* Search Type */

/* Request More & Schedule Test Model */

.Detail-Model-button {
    background-color: #15803D;
}

.Detail-Model-button:hover {
    background-color: #16A34A;
}

/* Request More & Schedule Test Model */
/* Filters & Mobile Filters */

.filter-Dropdown:hover {
    background-color: #15803D !important;
}

.Mobile-filter-btn {
    background-color: #15803D;
}

.Filter-input:focus {
    outline: none;
    ring-width: 1px;
    box-shadow: 0 0 0 1px #15803D;
    border-color: #15803D;
}

.Filter-input:focus {
    outline: none;
    border-color: #15803D;
    box-shadow: 0 0 0 1px #15803D;
}

.filter-tags {
    background-color: #15803D;
}

/* Filters & Mobile Filters */


/* Booked Slot */

.booked-slot {
    color: white !important;
    opacity: 1;
    border: 1px solid #71717a;
    background-color: #6A9A23;
    background-image: repeating-linear-gradient( -45deg, transparent, transparent 5px, hsla(0, 0%, 100%, 0.025) 5px, hsla(0, 0%, 100%, 0.025) 10px );
    background-size: 200% 200%;
    animation: barberpole 15s linear infinite;
    cursor: not-allowed;
    position: relative;
}

@keyframes barberpole {
    to {
        background-position: 100% 100%;
    }
}

.appointment-thumb-container swiper-slide {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}



/*.booked-slot {
    background-color: #d1d5db;
    color: #9ca3af; 
    cursor: not-allowed;
    position: relative;
}*/

.pointer-events-none {
    pointer-events: none !important; /* disable click */
}

.disabled {
    opacity: 0.5; /* optional: make it look inactive */
}

.no-cursor {
    cursor: not-allowed !important;
}

/* Booked Slot */

/* Request More & Schedule Test Model */

.Detail-Model-button {
    background-color: #15803d;
}

    .Detail-Model-button:hover {
        background-color: #c81e2f;
    }

/* Request More & Schedule Test Model */

/* Slots Colours for Modal */
.background-color-theme {
    background-color: #15803d !important;
    border: 1px solid #15803d !important;
}

.background-color-theme-hover:hover {
    background-color: #15803d !important;
}

.todaycolor {
    border: 1px solid #15803d !important;
}

.schedule-theme-colour {
    background-color: #22c55e !important;
}

    .schedule-theme-colour:hover {
        background-color: #16a34a !important;
    }

.peer:checked + .time-slot-color {
    background-color: #15803d !important;
    color: #ffffff !important;
}

.booking-awaiting-img {
    background-color: #15803d !important;
}

.loading-color {
    color: #15803d !important;
}

.custom-nonclickable {
    cursor: none !important; /* Hide the cursor */
    pointer-events: none !important; /* Disable all mouse interactions */
    user-select: none !important; /* Prevent text selection */
    user-select: none !important;
}
/* Slots Colours for Modal */

/* Reserve Button Colour */
.reserve-button {
    background-color: #22C55E !important;
}

.reserve-button:hover {
    background-color: #28A745 !important;
}
/* Reserve Button Colour */

/* Finance Logos Center */
.finance-logos-center {
    margin-bottom: 1.5rem !important; /* mb-6 */
    color: #000 !important; /* text-black */
    font-size: 2.25rem !important; /* text-4xl */
    font-weight: 900 !important; /* font-black */
    text-align: left !important; /* align to left */
}

@media (min-width: 640px) {
    .finance-logos-center {
        font-size: 3rem !important; /* sm:text-5xl */
    }
}

.financeLogos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

    .financeLogos img {
        max-width: 170px;
        height: 80px;
        width: auto;
        object-fit: contain;
    }
/* Finance Logos Center */

/* Share & Print Advert */
.custom-advert {
    background-color: #15803D !important;
    width: 100%;
}

.custom-advert:hover {
    background-color: #16A34A !important;
}

.custom-main-advert {
    border: unset !important;
    margin-top: 0px !important;
    padding: 0px !important;
    display: flex;
    flex-wrap: wrap;
}

/* Share & Print Advert */

/* Stock Pagination */
.btn-pagination:hover {
    background-color: #16a34a !important;
    border-color: #16a34a !important;
}

.btn-pagination-active {
    background-color: #15803d !important;
    color: white !important;
}

.btn-pagination-active:hover {
    background-color: #16a34a !important;
}
/* Stock Pagination */

.swiper-not-initialized {
    visibility: hidden;
}


/* Svg's of Three Top Features */
.three-top-features-bg {
    background-color: white;
}

.svg-three-top-features path {
    stroke: #15803D;
}
/* Svg's of Three Top Features */

/* UK Number Plater Font */
@font-face {
    font-family: "UKNumberPlate";
    src: url("../../assets/fonts/uknumberplate.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.font-ukNumberPlate {
    font-family: "UKNumberPlate";
}

#regPlateFreeCheck {
    background-color: #efd83e;
    background-image: url('../../assets/images/ukreginputback.svg');
    background-repeat: no-repeat;
    background-size: auto 100%, 100% auto;
    border: 2px solid black;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    width: 300px;
    padding: 8px 0 5px;
    padding-left: 30px;
    text-align: center;
    text-transform: uppercase;
    font-family: "UKNumberPlate";
}

#mileageInput {
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    max-width: 300px;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
}

.mileageInput {
    background-color: #fff;
    border: 2px solid #eee;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    max-width: 300px;
    padding: 12px 0px;
    text-align: center;
    text-transform: uppercase;
}

#regPlateFront {
    background-color: #fff;
    background-image: url('../../assets/images/UkRegInputFront.svg');
    background-repeat: no-repeat;
    background-size: auto 100%, 100% auto;
    border: 2px solid #eee;
    border-radius: 10px;
    color: #404040;
    font-size: 32px;
    font-weight: 700;
    max-width: 250px;
    padding: 8px 0 5px;
    padding-left: 30px;
    text-align: center;
    font-family: "UKNumberPlate";
}

@media (max-width: 768px) {

    #regPlateFront, #mileageInput, #regPlateFreeCheck {
        max-width: unset;
        width: 100%;
    }
}
/* Sell your car */

/* AA Cars Spacing */

.aacar-custom-p {
    margin-top: 0rem !important;
}

.aacars-custom-inner-p {
    padding-bottom: 0rem !important;
}

@media (min-width: 456px) {
    .aacar-custom {
        padding-top: 3rem !important;
        padding-bottom: 0rem !important;
    }
    .sell-your-car-custom {
        margin-top: 2rem !important;
    }
}

@media (max-width: 456px) {
    .aacar-custom {
        padding-top: 1rem !important;
    }
    .sellCarHeroBg {
        margin-top: 2rem !important;
    }
}


/* AA Cars Spacing */